@import "../styles/common.scss";
.b_moneyrecord {
  @include padding_top__box();

  .b_moneyrecord__box {
    padding-top: calc(12px * 2);
    height: calc(100vh - 92px);
    .item {
      height: calc(107px * 2);
      background: #ffffff;
      border-radius: 10px;
      margin: 0 calc(12px * 2);
      margin-bottom: calc(12px * 2);
      box-sizing: border-box;
      padding: calc(20px * 2) calc(12px * 2);

      .title {
        display: flex;
        justify-content: space-between;
        margin-bottom: calc(8px * 2);
        &_text {
          font-size: calc(15px * 2);
          color: #333333;
          .tx {
            margin-right: calc(12px * 2);
          }
        }
        &_tag {
          font-weight: normal;
          display: flex;
          align-items: center;
          font-size: calc(12px * 2);
          padding: 0 calc(5px * 2);
          border-radius: 4px;
        }
        .pass {
          border: 1px solid #f6c401;
          color: #f6c401;
          background: #f6c401 rgba(255, 255, 255, 0.95);
        }
        .nopass {
          border: 1px solid #b5b8c2;
          color: #b5b8c2;
          background: #b5b8c2 rgba(255, 255, 255, 0.95);
        }
      }

      .text {
        font-size: calc(12px * 2);
        margin-bottom: calc(4px * 2);
        color: #666666;
      }
    }
    .no-more {
      text-align: center;
      background-color: #f8f8f8;
      color: #666666;
      font-size: calc(16px * 2);
    }
  }
}
